草庐IT

Bootstrap5 表单

全部标签

javascript - 按名称获取表单元素?

我想用一个漂亮的Prototype或jQuery风格的快捷方式轻松地为表单中所有具有相同名称的单选按钮设置样式。$('billship').select('name:shipType')或类似的东西。是否存在这样的表单字段名称的快捷方式? 最佳答案 使用jQuery:$('#billshipinput:radio[name="shipType"]');$('input:radio[name="shipType"]','#billship');两者是等效的,但第二个性能稍好,我个人更喜欢它。使用Prototype,我相信它看起来像这样

javascript - 使用 jQuery 在表单中查找所有输入元素的最佳方法

我需要在表单内找到所有表单元素,并在值发生变化时触发一个标志。目前我正在使用下面的方法。我不确定这是否有效。但它确实适用于:.find('input[type=text])$('#form').find('input[type=text],input[type=radio],input[type=checkbox],select,textarea').each(function(){$(this).change(function(){if(change!==1)change=1;});})现在我用逗号添加了多个元素。这行得通吗?这是最好的方法吗?感谢所有帮助。谢谢!

javascript - Angularjs UI 模态表单

我曾经有一个使用Bootstrap模式的登录对话框:$scope.loginDialog={backdrop:true,keyboard:true,windowClass:"modalloginDialog",backdropClick:true,templateUrl:'/tmpl/user/loginForm',controller:functiondialogController($scope,$modalInstance){$scope.submit=function(){$http.post('/api/login',$scope.user).success(...);}}}

javascript - 使用 ESC 关闭 Bootstrap 模式

我正在使用2个模态框,第一个包含一个表单,第二个在表单中出现错误时显示。第二个模态仅包含带有错误消息的文本。我的问题是,当第二个模态出现并且我按下Esc时,第一个(带有表单)将在第二个模态上关闭。有什么方法可以在第二个模态出现时聚焦它吗?这是它的样子,现在如果我按Esc,第一个会关闭,但我想先关闭第二个。更新一旦我点击了第二个模态的某处,它就完美地工作了。我只需要自动选择/聚焦它 最佳答案 看起来这是keyup事件绑定(bind)方式的问题。您可以将“tabindex”属性添加到您的模式来解决这个问题:tabindex="-1"所以

javascript - jQuery 确保填写所有表单字段

我有一个简单的表单,我正在为其进行客户端验证。为了验证,所有字段都不应留空。这就是我的处理方式:functionvalidateForm(){$('.form-field').each(function(){if($(this).val()===''){returnfalse}else{returntrue;}});}出于某种原因,我的函数总是返回false,即使所有字段都已填充也是如此。 最佳答案 您不能从匿名函数中返回false。此外,如果它确实有效,那么如果您的第一个字段为空,您将返回false,否则返回true,并完全忽略其

javascript - Bootstrap 3 下拉事件未触发

我正在尝试在BS3.0上运行的网站上的下拉菜单中触发显示的事件http://hmelius.com/avant/index.php我已经在控制台中尝试过这段代码(来自BS3文档页面),但没有成功$('.dropdown-toggle').on('shown.bs.dropdown',function(){console.log("shown");}); 最佳答案 我相信事件是在“父级”而不是切换上触发的,所以它将是切换上方的带有.dropdown或.btn-group的元素;下拉包装元素查看源代码了解我的意思:https://git

javascript - 使用 jQuery 单击表单提交后显示加载 gif

我试图在提交表单后简单地显示一个正在加载的gif。我的代码无法正常显示正在加载的gif。您会看到我的gif图片设置为visibility:hidden。 Username: Password:$('.load_button').submit(function(){$('#gif').show();returntrue;}); 最佳答案 show()方法只影响displayCSS设置。如果要设置可见性,则需要直接进行。此外,.load_button元素是一个按钮,不会引发submit事件。您需要将选择器更改为for

javascript - 如何在特定条件下从元素中删除 Bootstrap Affix?

我有一个使用TwitterBootstrapAffix的元素插入。如果窗口垂直调整到小于项目高度的位置,我想从元素中删除词缀功能,因为您将无法在窗口中看到所有内容。到目前为止,我已经在控制台中尝试过这个,只是想看看它是否可以被删除,但它似乎没有用。$("#myElement").removeClass("affixaffix-topaffix-bottom").removeData("affix");$(window).off("scroll.affix.data-api,click.affix.data-api");也许我的做法不对?如何以编程方式从已应用词缀的元素中删除词缀?

javascript - 如何通过 Javascript 获取 Bootstrap 版本?

有没有办法通过调用函数获取Bootstrap版本?我做了一些研究,但找不到任何方法。版本信息包含在开头的注释中,如下所示:`/*!Bootstrapv3.3.7(http://getbootstrap.com)版权所有2011-2016Twitter,Inc.获得麻省理工学院许可*/`但是如果注释被删除,我该如何获得Bootstrap版本?Bootstrap插件中定义了一个版本,但我正在寻找通用的Bootstrap版本,而不是特定插件的版本。 最佳答案 可以通过插件构造函数的VERSION属性访问每个BootstrapjQuery插

javascript - 如何停止表单提交?

在MVCView中,我有一个如下所示的表单。当用户点击提交按钮时,我想先检查一下。如果没问题,请提交表格。如果没有通过检查,给用户一个警告消息,然后留在View中。我的示例代码为:functionCheckingStatus(){//.....if(answer=="N"){alert("YouchooseNo.");returnfalse;}}....但是测试的时候,即使answer==“N”,表单还是提交了。如何停止表单提交? 最佳答案 尝试改变到 关于javascript-如何停止